﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="guline team" />
    <meta charset="utf-8" />
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="css/style.css" rel="stylesheet" />
    <title>Tích lũy điểm</title>
</head>

<body>
    <div class="topbar">
        <div class="container">
            <div class="logo"><a href="#"><h1>Guline - Tích lũy điểm</h1></a></div>
            <div class="searchbox">
                <form>
                    <input class="txtsearch" type="text" placeholder="Tìm người, cửa hàng, sản phẩm, nhãn hiệu" />
                </form>
            </div>
            <div class="topuserpanel">
                <ul class="notifymenu">
                    <li><a href="#">Trang chủ</a></li>
                    <li><a href="#"><img src="images/usericon.png" width="20" /><span>Nhà tôi</span></a></li>
                    <li><a href="#" class="iconnav iconnav-addfriend">Kết bạn</a></li>
                    <li><a href="#" class="iconnav iconnav-message">Tin nhắn</a></li>
                    <li><a href="#" class="iconnav iconnav-notify">Thông báo</a></li>
                    <li><a href="#" class="iconnav-setting">Cấu hình</a></li>
                </ul>
            </div>
            <div class="clr"></div>
        </div>
    </div>
    <div id="p_header">
        <div class="p_background" style="background:url(images/background.png) no-repeat">
            <div class="p_add_friend">
                <a href="#" class="p_btn_add">
                    <div class="p_icon" style="background:url(images/profile/addfriend.png) center no-repeat;"></div>
                    Kết bạn
                </a>
                <ul class="p_control">
                    <li>
                        <a href="#">
                            <div class="p_icon" style="background:url(images/profile/theodoi.png) center no-repeat;"></div>
                            Theo dõi
                        </a>
                    </li>
                    <li><a class="p_line"></a></li>
                    <li><a href="#">Tin nhắn</a></li>
                    <li><a class="p_line"></a></li>
                    <li class="opt">
                        <a href="#" class="p_option"></a>
                        <ul class="lv_1">
                            <li><a href="#">Xem trang với tư cách là...</a></li>
                            <li><a href="#">Thiết lập dòng thời gian</a></li>
                            <li><a href="#">Thêm Huy hiệu vào Trang web của bạn</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!--<div class="p_menu_top">-->
        <ul class="p_menu_top">
            <li class="p_thumb_li">
                <a href="#" class="p_thumb">
                    <div class="p_avatar">
                        <div style="width:160px;height:160px;background:url(images/pic_user_l.png) no-repeat;background-size:100% 100%"></div>
                    </div>
                </a>
                <a href="#" class="p_username">Quynh Tram Hoang</a>
            </li>
            <li class="act">
                <a href="#">Dòng thời gian</a>
                <div class="active"></div>
            </li>
            <li class="act">
                <a href="#">Thông tin</a>
                <div class="active"></div>
            </li>
            <li class="act">
                <a href="#">Album ảnh</a>
                <div class="active"></div>
            </li>
            <li class="act">
                <a href="#">Bạn bè</a>
                <div class="active"></div>
            </li>
            <li class="act">
                <a href="#">Xem thêm</a>
                <div class="active"></div>
            </li>
        </ul>
        <!--</div>-->

    </div>
    <div id="p_body">
        <div class="p_body_left">
            <!-- ban be -->
            <div class="p_box_left">
                <div class="p_left_title">Bạn Bè - <span class="p_number">608</span></div>
                <hr class="p_hr_left" />
                <div class="p_left_content">
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name">Nguyễn Xuân Nghĩa</div>
                    </div>

                    <div class="clr"></div>
                </div>
            </div>
            <!-- thong tin -->
            <div class="p_box_left">
                <div class="p_left_title">Thông tin</div>
                <hr class="p_hr_left" />
                <div class="p_info_content">
                    <ul>
                        <li class="p_li_info"><img class="p_icon_info" src="images/profile/live.png">Sống tại <a class="p_link" href="#">Thành phố Hồ Chí Minh, Hồ Chí Minh, Vietnam</a></li>
                        <li class="p_line_li_info"></li>
                        <li class="p_li_info"><img class="p_icon_info" src="images/profile/truck.png">Đang được theo dõi bởi <a class="p_link" href="#">106 người</a></li>
                    </ul>

                    <div class="clr"></div>
                </div>
            </div>
            <!-- album anh -->
            <div class="p_box_left">
                <div class="p_left_title">Album Ảnh</div>
                <hr class="p_hr_left" />
                <div class="p_left_content">
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>
                    <div class="p_pic_friend">
                        <a href="#"><img src="images/profile/pic_friend.png" width="103" height="103" /></a>
                        <div class="p_name"></div>
                    </div>

                    <div class="clr"></div>
                </div>
            </div>
            <!-- cua hang yeu thich -->
            <div class="p_box_left">
                <div class="p_left_title">Cửa hàng yêu thích - 3</div>
                <hr class="p_hr_left" />
                <div class="p_left_content">

                    <div class="p_pic_like">
                        <a class="p_like_img" href="#"><img src="images/profile/pic_friend.png" width="101" height="101" /></a>
                        <div class="p_name_shop"><a class="p_name_shop_link" href="#">Thể thao bảo kim</a></div>
                    </div>
                    <div class="p_pic_like">
                        <a class="p_like_img" href="#"><img src="images/profile/pic_friend.png" width="101" height="101" /></a>
                        <div class="p_name_shop"><a class="p_name_shop_link" href="#">Thể thao bảo kim</a></div>
                    </div>
                    <div class="p_pic_like">
                        <a class="p_like_img" href="#"><img src="images/profile/pic_friend.png" width="101" height="101" /></a>
                        <div class="p_name_shop"><a class="p_name_shop_link" href="#">Thể thao bảo kim</a></div>
                    </div>
                    <div class="p_pic_like">
                        <a class="p_like_img" href="#"><img src="images/profile/pic_friend.png" width="101" height="101" /></a>
                        <div class="p_name_shop"><a class="p_name_shop_link" href="#">Thể thao bảo kim</a></div>
                    </div>

                    <div class="clr"></div>
                </div>
            </div>
            <!-- hoat dong gan day -->
            <div class="p_box_left">
                <div class="p_left_title">Hoạt động gần đây</div>
                <hr class="p_hr_left" />
                <div class="p_left_content">

                    <div class="p_activity_story">
                        <a class="p_activity_img" href="#"><img src="images/profile/pic_friend.png" width="64" height="64" /></a>
                        <div class="p_activity_name">
                            Quynh Vừa tích lũy 5,000 điểm từ <a class="p_name_activity_link" href="#">Guline shop</a>
                            <span class="p_date">29 Tháng 4</span>
                        </div>
                        <div class="clr"></div>
                    </div>
                    <div class="p_activity_story">
                        <a class="p_activity_img" href="#"><img src="images/profile/pic_friend.png" width="64" height="64" /></a>
                        <div class="p_activity_name">
                            Quynh Vừa tích lũy 5,000 điểm từ <a class="p_name_activity_link" href="#">Guline shop</a>
                            <span class="p_date">29 Tháng 4</span>
                        </div>
                        <div class="clr"></div>
                    </div>

                    <div class="clr"></div>
                </div>
            </div>
            <!--  footer -->
            <div class="p_footer_wrap">
                <ul class="p_menu_footer">
                    <li><a href="#">Tiếng Việt</a></li>
                    <li><a href="#"> · </a></li>
                    <li><a href="#">Quyền riêng tư</a></li>
                    <li><a href="#"> · </a></li>
                    <li><a href="#">Điều khoản</a></li>
                    <li><a href="#"> · </a></li>
                    <li><a href="#">Cookie</a></li>
                    <li><a href="#"> · </a></li>
                    <li><a href="#">Xem thêm</a></li>
                </ul>
                <span class="copy">Facebook &copy; 2014</span>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
        </div>
        <div class="p_body_right">
            <div class="p_post_status_box">
                <div class="p_title_post">
                    <ul>
                        <li>
                            <a class="p_title_link" href="#">
                                <img src="images/profile/status.png" />Trạng thái
                                <div class="p_active"></div>
                            </a>
                        </li>
                        <li>
                            <a class="p_title_link" href="#">
                                <img src="images/profile/picture.png" />Hình ảnh
                                <div class="p_active"></div>
                            </a>
                        </li>
                    </ul>
                    <div class="clr"></div>
                </div>
                <div class="p_text_area">
                    <textarea placeholder="Bạn đang nghĩ gì?"></textarea>
                    <!--<div class="clr"></div>-->
                </div>
                <div class="p_footer_post">
                    <div class="p_control_post">
                        <a href="#" class="hov"><span class="add"></span></a>
                        <a href="#" class=" hov"><span class="time"></span></a>
                        <a href="#" class=" hov"><span class="gps"></span></a>
                        <a href="#" class=" hov"><span class="photo"></span></a>
                        <a href="#" class=" hov"><span class="work"></span></a>
                    </div>
                    <div class="p_button_submit">
                        <div class="p_select_box_post">
                            <div class="p_icon_post" style="background:url(images/profile/earth.png) no-repeat center;"></div>
                            <span class="p_text_post">Công khai</span>
                            <div class="p_button_select"></div>
                        </div>
                        <input class="btn_submit" type="submit" value="Đăng" />
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="p_auth_post_status">
                <div class="p_auth_post_box">
                    <div class="p_title_auth">
                        <img class="p_pic_auth" src="images/profile/auth.png" width="40" height="40" />
                        <span class="p_name_text">
                            <a class="p_name_auth" href="#">Quynh Tram Hoang </a>
                            đã bình luận về một
                            <a class="p_link" href="#">liên kết.</a>
                            <a class="p_time" href="#">2 Tháng 11 2013<span class="p_link_earth"></span></a>
                        </span>
                        <div class="clr"></div>
                    </div>
                    <div class="p_comment_text">
                        <span class="p_text">Nam mô ai di đà phật, cầu mong cháu được siêu thoát.</span>
                    </div>
                    <a href="#">
                        <div class="p_photo_comment">
                            <div class="p_photo"><img src="images/profile/photo.png" width="116" height="116" /></div>
                            <div class="p_photo_name">
                                <div class="p_title_photo">
                                    <span class="p_name_news">Học sinh lớp 1 bị xe cán chết trước cổng trường</span>
                                    <span class="p_share_from">news.zing.vn</span>
                                </div>
                                <div class="p_description">
                                    <span>Đứa cháu nội vừa rời tay ông để vào trường. Chưa kịp quay về, đứa cháu ông bất ngờ vọt ra đường cũng vừa lúc một xe tải ngang qua cán chết tại chỗ.</span>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="clr"></div>
                </div>
                <div class="p_auth_post_panel">
                    <a class="p_panel_link" href="#">Thích</a>
                    <span> · </span>
                    <a class="p_panel_link" href="#">Bình luận</a>
                    <span> · </span>
                    <a class="p_panel_link" href="#">Nhận thông báo</a>

                    <div class="p_liked">
                        <span class="p_liked_icon"></span>
                        <span class="p_munber_like">155</span>
                    </div>
                </div>
                <div class="p_post_comment_box">
                    <div class="p_pic_people_comment"><img src="images/profile/people.png" /> </div>
                    <div class="p_post_textarea">
                        <textarea class="p_text_area_comment" rows="1" placeholder="Viết bình luận..."></textarea>
                        <a href="#" class="p_take_photo"></a>
                        <span class="p_post_label">Ấn phím Enter để đăng.</span>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <!--  -->
            <div class="p_auth_post_status">
                <div class="p_auth_post_box">
                    <div class="p_title_auth">
                        <img class="p_pic_auth" src="images/profile/auth.png" width="40" height="40" />
                        <span class="p_name_text">
                            <a class="p_name_auth" href="#">Nguyen Quynh</a>
                            <a class="p_button_next"></a>
                            <a class="p_name_auth" href="#">Quynh Tram Hoang</a>
                            <a class="p_time" href="#">4 tháng 4<span class="p_link_earth"></span></a>
                        </span>
                        <div class="clr"></div>
                    </div>
                    <div class="p_comment_text">
                        <span class="p_text">Hơi tối nhưng mà để làm kỉ niệm chắc cũng được hen Tram</span>
                        -
                        <a href="#" class="p_link">Quynh Tram Hoang.</a>
                    </div>
                    <a href="#">
                        <div class="p_photo_comment_post">
                            <img src="images/profile/photo_pic.png" width="631" />
                        </div>
                    </a>
                    <div class="clr"></div>
                </div>
                <div class="p_auth_post_panel">
                    <a class="p_panel_link" href="#">Thích</a>
                    <span> · </span>
                    <a class="p_panel_link" href="#">Chia sẻ</a>

                    <div class="p_liked">
                        <span class="p_liked_icon"></span>
                        <span class="p_munber_like">155</span>
                    </div>
                </div>
                <div class="p_post_comment_box p_comment">
                    <span class="p_number_like">7 người thích điều này.</span>
                    <!--  -->
                    <div class="p_other_comment">
                        <img class="p_pic_auth" src="images/profile/p1.png" width="32" height="32" />
                        <div class="p_name_text p_name_text_comment">
                            <div class="p_comment_line">
                                <a class="p_name_auth p_name_comment" href="#">Naxd Nguyen</a>
                                <span class="p_comment_conttent">E đâu chị iu vấu ơi.hix</span>
                            </div>
                            <div class="clr"></div>
                            <span class="p_time_comment"><a class="p_time p_comment_time" href="#">4 tháng 4 lúc 10:23 </a> <span class="line_chart">-</span><a href="#" class="p_link">Thích</a> </span>
                        </div>
                    </div>
                    <!--  -->
                    <!--  -->
                    <div class="p_other_comment">
                        <img class="p_pic_auth" src="images/profile/p1.png" width="32" height="32" />
                        <div class="p_name_text p_name_text_comment">
                            <div class="p_comment_line">
                                <a class="p_name_auth p_name_comment" href="#">Naxd Nguyen</a>
                                <span class="p_comment_conttent">E đâu chị iu vấu ơi.hix</span>
                            </div>
                            <div class="clr"></div>
                            <span class="p_time_comment"><a class="p_time p_comment_time" href="#">4 tháng 4 lúc 10:23 </a> <span class="line_chart">-</span><a href="#" class="p_link">Thích</a> </span>
                        </div>
                    </div>
                    <!--  -->
                    <!--  -->
                    <div class="p_other_comment">
                        <img class="p_pic_auth" src="images/profile/p1.png" width="32" height="32" />
                        <div class="p_name_text p_name_text_comment">
                            <div class="p_comment_line">
                                <a class="p_name_auth p_name_comment" href="#">Naxd Nguyen</a>
                                <span class="p_comment_conttent">E đâu chị iu vấu ơi.hix</span>
                            </div>
                            <div class="clr"></div>
                            <span class="p_time_comment"><a class="p_time p_comment_time" href="#">4 tháng 4 lúc 10:23 </a> <span class="line_chart">-</span><a href="#" class="p_link">Thích</a> </span>
                        </div>
                    </div>
                    <!--  -->
                    <div class="clr"></div>
                </div>
            </div>
        </div>
        <div class="clr"></div>
        <div class="p_body_center">
            <span class="p_body_center_lable">Hiển thị tin cũ hơn</span>
        </div>
        <div class="p_body_timer">
            <hr class="p_hr" />
            <div class="p_timer_time">
                <span class="p_years">Khoảng đầu 2014</span>
                <span class="p_hightlights">NỔI BẬT <span class="bnt_hightlights"></span> </span>
            </div>
        </div>
        <div class="clr"></div>
        <div class="p_body_left">
            <!--  -->
            <div class="p_box_left">
                <div class="p_left_title">Sự kiện trong đời</div>
                <hr class="p_hr_left" />
                <div class="p_left_event">
                    <a href="#" class="p_event_title"><span class="p_icon_event"></span> Thêm sự kiện trong đời từ 2014</a>
                </div>
            </div>
            <!--  -->
            <div class="p_box_left">
                <div class="p_left_title">Yêu thích - <span class="p_number">2014</span></div>

                <hr class="p_hr_left" />
                <div class="p_left_lovely">
                    <table>
                        <tr>
                            <td class="img"><img src="images/profile/img.png" width="103" height="103" /></td>
                            <td class="title">Đã thích <a href="#" class="link">Guiline Solution</a> - <a href="#" class="link">Hiện thực ý tưởng của bạn</a> </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="p_body_right">
            <div class="p_auth_post_status">
                <div class="p_auth_post_box p_text_center">
                    <img src="images/profile/icon_face.png" />
                    <span class="p_title_face">Tham gia Facebook</span>
                    <a class="p_time_face" href="#">2 Tháng 11 2013<span class="p_link_earth"></span></a>
                </div>
                <div class="p_auth_post_panel">
                    <a class="p_panel_link" href="#">Thích</a>
                    <span> · </span>
                    <a class="p_panel_link" href="#">Bình luận</a>


                </div>

            </div>
        </div>

    </div>

</body>
</html>